import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './assets/styles/global.less'

import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

import dayjs from 'dayjs'
// 在Vue的原型上挂载一个$dateFormat方法，今后可以再任意vue文件直接使用
Vue.prototype.$dateFormat = dt => {
  return dayjs(dt).format('YYYY-MM-DD HH:mm:ss')
}

// 一次 全局注册 ElementUI 所有组件
Vue.use(ElementUI)

// 目标：在项目集成element-ui
// 1. 下包：yarn add element-ui -S
// 2. 在main.js中导入element-ui及样式
// 3. 注册element-ui
// 4. 使用一个按钮组件，验证element-ui是否注册成功

// 目标：富文本编辑器的使用
// 1. 下包： yarn add vue-quill-editor -S
// 2. 导入包 和 样式
// 3. 注册 -> 把插件注册为一个全局组件
// 4. 使用
// 5. 绑定 v-model 收集数据
Vue.use(VueQuillEditor)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
